<template>
  <div class="company-record-box">
    <a href="https://beian.miit.gov.cn/" target="_blank">{{ curFilingNumber }}</a>
  </div>
</template>

<script>
  import { defineComponent, ref, watch } from 'vue';
  export default defineComponent({
    name: 'CompanyRecord',
    props: {
      //备案号
      filingNumber: {
        type: String,
        default: () => '',
      },
    },
    setup(props) {
      const curFilingNumber = ref(props?.filingNumber);
      watch(
        () => props.filingNumber,
        (newVal) => {
          curFilingNumber.value = newVal;
        },
        {
          deep: true,
        },
      );
      return {
        curFilingNumber,
      };
    },
  });
</script>
<style scoped lang="less">
  .company-record-box {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    a {
      font-size: 14px;
      color: #fff;
    }
  }
</style>
